#home-posts-wrap
  width 100%
  background transparent
  border-radius 10px
  margin auto

  #home-posts
    position relative
    background transparent
    padding: 0
    width 100%

    .post
      position relative
      border-radius 8px
      background var(--board-bg-color)
      box-shadow $img-shadow
      transform translate3d(0, 0, 0)
      transition all 0.4s ease-out
      margin-bottom 1.5rem

      a
        text-decoration none

      &:hover
        transform translate3d(-5px, -5px, 0)

      .index-pin
        position absolute
        top 0
        right 0
        z-index: 10086
        color red
        font-size 50px

      .index-img
        padding 0 !important
        position relative
        min-height 5rem

        img
          display block
          width 100%
          height 10rem
          object-fit cover
          border-radius 8px 8px 0 0
        h2
          position absolute
          width 85%
          top 50%
          left 50%
          text-align center
          color $posts-title
          text-decoration none
          animation perspectiveTitle 6s ease-in-out infinite alternate
        
        @media screen and (min-width 767px)
          img
            height 16rem

      .post-body
        padding  12px

        .category-and-date
            width 100%
            margin-top 8px
            color $label-font-color
            // text-align center

            .category
              display inline-block
              margin-right 25px

              a
                color $label-font-color

            .date
              display inline-block

        .excerpt
          color var(--sec-text-color)
          font-size 14px

        .post-tags
          margin-top 12px

          .tag
              display inline-block
              margin-right 10px
              font-weight bold
              a
                color #ffbbf4
                font-size 14px

        .go-post
          background $go-post
          border 0
          padding 10px 24px
          color white
          font-weight bold
          border-radius 20px 0
          font-size 14px
          position absolute
          bottom -5px
          right -5px
          transition all 0.2s ease-out
          box-shadow 2px 2px 10px 0px $go-post-shadow

          &:hover
            right -7px
            box-shadow -2px -2px 10px 0px $go-post-shadow-hover

@keyframes perspectiveTitle
  from
    transform perspective(62.5rem) translate3d(-50%, -50%, 0)
  to
    transform perspective(62.5rem) translate3d(-50%, -50%, 6.25rem)